<html>
    <head>
        <title>Subdomain</title>
        
        <link rel="stylesheet" href="css/style.css" />
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script>
            $(document).ready(function (){
                $('[data-toggle]').bind('click', function (){
                    var toggle = "."+$(this).attr('data-toggle');
                
                    $(toggle).show();
                    
                    setTimeout(function (){
                        $(toggle).fadeOut();
                    }, 50000);
                });
            });
            
            $(window).resize(function (){
                //if($(window).width()<1024 && $(window).width()>0){
                if($(window).width()>1024){
                    $(".info, .pr").fadeIn();
                }
            });
        </script>
    </head>
    
    <body>
        <div data-toggle="info">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="info">
            <p>
                Pronti a scatenarvi? A divertirvi dopo un anno di studio intenso, noioso e
                faticoso?
            </p>
            <p>
                Allora cosa state aspettando? Venite a divertivi al nostro <strong>WHITE PARTY</strong>
                presso l'<strong>Area 51</strong>, Via Paolo Brescia,466- Z.I., 70023 Gioia del Colle (BA).
            </p>
            
            <h3>DJ SET</h3>
            
            <ul>
                <li>
                    <a href="https://www.facebook.com/giuseppe.notarnicola.98?fref=ts" target="_blank">Giuseppe Notarnicola</a>
                </li>
                <li>
                    <a href="https://www.facebook.com/giuseppe.cardetta?fref=ts" target="_blank">Giuseppe Cardetta</a>
                </li>
                <li>
                    <a href="https://www.facebook.com/salvatore.ladiana?fref=ts" target="_blank">Salvatore Ladiana</a> (DJ Joe)
                </li>
            </ul>
            
            <h3>VOICE</h3>
            
            <ul>
                <li>
                    <a href="https://www.facebook.com/Dj.bioolex?fref=ts" target="_blank">Rachid Bioolex</a>
                </li>
            </ul>
            
            <h3>LUCI</h3>
            
            <ul>
                <li>
                    <a href="https://www.facebook.com/mattia.angelillo" target="_blank">Mattia Leonardo Angelillo</a>
                </li>
            </ul>
            
            <h3>TECNICO AUDIO</h3>
            
            <ul>
                <li>
                    <a href="https://www.facebook.com/lpavone96?fref=ts" target="_blank">Luca Pavone</a>
                </li>
            </ul>
        </div>
        <div class="img">
            <img src="http://smanimation.altervista.org/images/events/white_party/locandina_2014.jpg" />
        </div>
        
        
        
        
        
        <div data-toggle="pr">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="pr">
            <h3>Per info e informazioni:</h3>
            
            <table>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/giuseppe.marazia?fref=ts" target="_blank">
                            Giuseppe Marazia
                        </a>
                    </td>
                    <td>3402120552</td>
                </tr>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/salvatore.ladiana?fref=ts" target="_blank">
                            Salvatore Ladiana
                        </a>
                    </td>
                    <td>3806539222</td>
                </tr>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/lpavone96?fref=ts" target="_blank">
                            Luca Pavone
                        </a>
                    </td>
                    <td>3931186563</td>
                </tr>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/mattia.angetdllo" target="_blank">
                            Mattia Leonardo Angetdlllo
                        </a>
                    </td>
                    <td>3348768832</td>
                </tr>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/angela.depalma.94?fref=ts" target="_blank">
                            Angela Depalma
                        </a>
                    </td>
                    <td>3492176842</td>
                </tr>
                <tr>
                    <td>
                        <a href="https://www.facebook.com/rossella.signorile?fref=ts" target="_blank">
                            Rossella Signorile
                        </a>
                    </td>
                    <td>3275917697</td>
                </tr>
            </table>
        </div>
    </body>
</html>